<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="bootstrap-5.3.0-dist/css/bootstrap.min.css">
</head>
<body>
  <h5>按钮组</h5>
  <div class="btn-group mb-2">
    <button type="button" class="btn btn-primary">新建</button>
    <button type="button" class="btn btn-info">打开</button>
    <button type="button" class="btn btn-success">保存</button>
  </div>
  <h5>工具栏按钮组</h5>
  <div class="btn-toolbar">
    <div class="btn-group btn-group-lg me-2">
      <button type="button" class="btn btn-info">复制</button>
      <button type="button" class="btn btn-info">剪切</button>
      <button type="button" class="btn btn-info">粘贴</button>
    </div>
    <div class="btn-group btn-group-sm">
      <button type="button" class="btn btn-primary">1</button>
      <button type="button" class="btn btn-primary">2</button>
      <button type="button" class="btn btn-primary">3</button>
      <button type="button" class="btn btn-primary">4</button>
    </div>
  </div>
  <h5>垂直按钮组</h5>
  <div class="btn-group-vertical mb-2">
    <button type="button" class="btn btn-light">首页</button>
    <button type="button" class="btn btn-light">产品</button>
    <button type="button" class="btn btn-light">关于我们</button>
    <button type="button" class="btn btn-light">联系我们</button>
  </div>
</body>
</html>